<template>
  <h-virtual-list :data="data" :visibleCount="5">
    <template #default="{ row }">
      <item :data="row"></item>
    </template>
  </h-virtual-list>
</template>

<script setup lang="ts">
import item from './components/item'
const data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 244, 234, 234, 24, 234, 23, 42, 5, 5367, 57, 567, 867, 8]
</script>